거친 c 집 t. 이오 Arduino의 측정값을 Node.js에서 받아 Socket.io와 chart.js로 실시간으로 그래프 표시 Arduino의 측정치를 실시간으로 그래프 표시하고 싶었으므로, Node.js 여러분을 이용해 브라우저상에 그래프 표시해 보았습니다. 이번에는 일단 광 센서를 측정 대상으로 했습니다. 광센서의 저항값의 변화를 전압으로서 Arduino의 아날로그 입력으로 측정하고 있습니다. 하드웨어 및 소프트웨어 구성을 나타냅니다. Arduino 주위의 회로는 를 참고해 주세요. 하드웨어 Arduino UNO... chart.js자바스크립트ArduinoNode.js거친 c 집 t. 이오 Node.js 초보자가 Node.js + Watson Conversation에서 채팅봇을 구현해 보았습니다. 기출의 기사가 많이 있는 느낌도 있습니다만, 로컬 환경에서도 움직일 수 있는 챗봇을 편하게 만들어 보았습니다. 이 기사에서는 Node.js + Socket.io를 사용하여 채팅 도구에 API를 통합하여 채팅 기능을 만드는 방법을 설명합니다. ※Watson Conversation의 개발 방법에 대해서는 를 참조해 주세요. (정말은 Node-RED로 짜 보고 싶었는데, 샘플조차 잘 움직이지 않고... 거친 c 집 t. 이오BluemixWatsonNode.js Vue.js에서 Discord 클론을 만들어 보았습니다. Vue.js 공부하는 동안 문득 Discord의 클론을 만들고 싶었기 때문에 실제로 해 보았습니다. vue.js로 만든 discor-clone 본가의 스쿠쇼가 이하(브라우저판) 그리고 이번에 만든 클론 스쿠쇼는 공개 URL : 채팅의 실시간 송수신을 할 수 있습니다 Discord 본가는 WebSocket은 사용하고 있지 않는 것 같습니다만, 나는 WebSocket 쪽이 익숙하기 때문에 Soc... 디스코드Vuetify자바스크립트Vue.js거친 c 집 t. 이오 Redis를 사용하여 여러 서버 구성으로 실시간 채팅 앱을 만들었습니다. 이번에는 Redis의 이야기입니다. Redis의 PubSub를 사용하여 여러 대 서버 구성의 시스템에서도 실시간 채팅을 실현 가능하게했습니다! (왼쪽은 3000번 포트, 오른쪽은 3001번 포트와 별도의 서버에 접속하고 있습니다) 요 전날 CyberAgent 씨가 주최 한 에 참가했습니다! 해커슨이라기보다는 ISUCON에 가까운 이벤트였지만, 어플리케이션/데이터베이스/인프라와 다양한 영역에서... 거친 c 집 t. 이오RedisNode.js 파이썬을 사용하여 socket.io-redis에 이벤트를 emit 1. AJAX로 메시지 POST 2. 메시지 내용을 DB에 저장 3. 터미널 B에 새 메시지가 생성되었음을 알리기 위해 라이브러리를 사용하여 이벤트를 emit 4. node.js가 3인 이벤트를 라이브러리를 사용하여 구독 5. node.js는 단말 B, C, D...에 대한 새로운 메시지의 내용과 함께 화면을 업데이트하기 위한 이벤트를 emit한다 그림 1의 구성의 시스템이 이미 있는 상태에... 거친 c 집 t. 이오파이썬Redis Facebook 메신저의 Conversation ID를 이용하여 대화방 UI 만들기 Node.js의 공부가 지도상에서 이야기할 수 있는 의 속편. 채팅방을 만드는 흐름이 엉망이었기 때문에 Facaebook 메신저와 연계하는 방법을 모색해 보았다. 메신저의 Conversation에는 ID가 흔들리고 있어, 각각의 Conversation마다 참가하고 있는 유저를 그룹으로 관리할 수 있으므로, Conversation ID와 참가 유저를 묶는 방법으로 구현. 앱을 시작한 유저는 자... 거친 c 집 t. 이오자바스크립트FacebookNode.js Socket.IO 사용 방법 이 기사에 있는 프로그램을 개조해 보았습니다. 환경설정 소스 파일 만들기 index.js index.html 서버 시작 브라우저에서 방문... 거친 c 집 t. 이오ExpressNode.js
Arduino의 측정값을 Node.js에서 받아 Socket.io와 chart.js로 실시간으로 그래프 표시 Arduino의 측정치를 실시간으로 그래프 표시하고 싶었으므로, Node.js 여러분을 이용해 브라우저상에 그래프 표시해 보았습니다. 이번에는 일단 광 센서를 측정 대상으로 했습니다. 광센서의 저항값의 변화를 전압으로서 Arduino의 아날로그 입력으로 측정하고 있습니다. 하드웨어 및 소프트웨어 구성을 나타냅니다. Arduino 주위의 회로는 를 참고해 주세요. 하드웨어 Arduino UNO... chart.js자바스크립트ArduinoNode.js거친 c 집 t. 이오 Node.js 초보자가 Node.js + Watson Conversation에서 채팅봇을 구현해 보았습니다. 기출의 기사가 많이 있는 느낌도 있습니다만, 로컬 환경에서도 움직일 수 있는 챗봇을 편하게 만들어 보았습니다. 이 기사에서는 Node.js + Socket.io를 사용하여 채팅 도구에 API를 통합하여 채팅 기능을 만드는 방법을 설명합니다. ※Watson Conversation의 개발 방법에 대해서는 를 참조해 주세요. (정말은 Node-RED로 짜 보고 싶었는데, 샘플조차 잘 움직이지 않고... 거친 c 집 t. 이오BluemixWatsonNode.js Vue.js에서 Discord 클론을 만들어 보았습니다. Vue.js 공부하는 동안 문득 Discord의 클론을 만들고 싶었기 때문에 실제로 해 보았습니다. vue.js로 만든 discor-clone 본가의 스쿠쇼가 이하(브라우저판) 그리고 이번에 만든 클론 스쿠쇼는 공개 URL : 채팅의 실시간 송수신을 할 수 있습니다 Discord 본가는 WebSocket은 사용하고 있지 않는 것 같습니다만, 나는 WebSocket 쪽이 익숙하기 때문에 Soc... 디스코드Vuetify자바스크립트Vue.js거친 c 집 t. 이오 Redis를 사용하여 여러 서버 구성으로 실시간 채팅 앱을 만들었습니다. 이번에는 Redis의 이야기입니다. Redis의 PubSub를 사용하여 여러 대 서버 구성의 시스템에서도 실시간 채팅을 실현 가능하게했습니다! (왼쪽은 3000번 포트, 오른쪽은 3001번 포트와 별도의 서버에 접속하고 있습니다) 요 전날 CyberAgent 씨가 주최 한 에 참가했습니다! 해커슨이라기보다는 ISUCON에 가까운 이벤트였지만, 어플리케이션/데이터베이스/인프라와 다양한 영역에서... 거친 c 집 t. 이오RedisNode.js 파이썬을 사용하여 socket.io-redis에 이벤트를 emit 1. AJAX로 메시지 POST 2. 메시지 내용을 DB에 저장 3. 터미널 B에 새 메시지가 생성되었음을 알리기 위해 라이브러리를 사용하여 이벤트를 emit 4. node.js가 3인 이벤트를 라이브러리를 사용하여 구독 5. node.js는 단말 B, C, D...에 대한 새로운 메시지의 내용과 함께 화면을 업데이트하기 위한 이벤트를 emit한다 그림 1의 구성의 시스템이 이미 있는 상태에... 거친 c 집 t. 이오파이썬Redis Facebook 메신저의 Conversation ID를 이용하여 대화방 UI 만들기 Node.js의 공부가 지도상에서 이야기할 수 있는 의 속편. 채팅방을 만드는 흐름이 엉망이었기 때문에 Facaebook 메신저와 연계하는 방법을 모색해 보았다. 메신저의 Conversation에는 ID가 흔들리고 있어, 각각의 Conversation마다 참가하고 있는 유저를 그룹으로 관리할 수 있으므로, Conversation ID와 참가 유저를 묶는 방법으로 구현. 앱을 시작한 유저는 자... 거친 c 집 t. 이오자바스크립트FacebookNode.js Socket.IO 사용 방법 이 기사에 있는 프로그램을 개조해 보았습니다. 환경설정 소스 파일 만들기 index.js index.html 서버 시작 브라우저에서 방문... 거친 c 집 t. 이오ExpressNode.js